<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="css/public.css" media="all">
		<link rel="stylesheet" href="css/finance.css" media="all">
		<script type="text/javascript" src="layui/layui.js"></script>
		<script type="text/javascript" src="layui/css/layui.css"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/finance.js"></script>
		<script type="text/javascript" src="js/paging.js"></script>
		<script src="js/echarts.min.js"></script>
		<!-- <script src="js/echarts.js"></script> -->
		 <script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
		<title>财务管理-工资明细-交纳五险</title>
	</head>
	<body onload="pageStart(522)">
		<!--添加start-->
		<div style="display: none;" id="addDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content">
				<div class="popup-top">
					<label class="popup-add-title">添加人员</label>
					<img onclick="addClose();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">部&nbsp;&nbsp;门:</label>
					<select class="popup-select" id="department">
						<option id="0">全部</option>
					</select>
					<label class="popup-txt">姓&nbsp;&nbsp;名:</label>
					<input id="username" type="text" class="popup-input" placeholder="请输入姓名"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">职&nbsp;&nbsp;位:</label>
					<select class="popup-select" id="position">
						<option id="0">全部</option>
						<option id="1">楼长</option>
					</select>
					
					<label class="popup-txt">工龄工资:</label>
					<input id="age_salary" type="number" class="popup-input" placeholder="请输入年龄工资"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">岗位工资:</label>
					<input id="post_salary" type="number" class="popup-input" placeholder="岗位工资"/>
					<label class="popup-txt">保障工资:</label>
					<input id="guarantee_salary" type="number" class="popup-input" placeholder="保障工资"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">工资合计:</label>
					<input id="total_salary" type="number" class="popup-input" placeholder="工资合计"/>
						<label class="popup-txt">实发工资:</label>
					<input id="real_salary" type="number" class="popup-input" placeholder="实发工资"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">加班费用:</label>
					<input id="overtime_salary" type="number" class="popup-input" placeholder="加班费用"/>
					<label class="popup-txt">养老保险:</label>
					<input id="endowment_insurance" type="number" class="popup-input" placeholder="养老保险"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">医疗保险:</label>
					<input id="medical_insurance" type="number" class="popup-input" placeholder="医疗保险"/>
					<label class="popup-txt">生育保险:</label>
					<input id="real_salary" type="number" class="popup-input" placeholder="生育保险"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">失业保险:</label>
					<input id="unemployment_insurance" type="number" class="popup-input" placeholder="失业保险"/>
					<label class="popup-txt">工伤保险:</label>
					<input id="injury_insurance" type="number" class="popup-input" placeholder="工伤保险"/>
				</div>
		
				<div class="popup-item" style="text-align: center;margin-top: 0px;">
					<center>
					<button class="saveBtn" onclick="payAddSave();" >保存</button>
					<button class="cancelBtn" onclick="addClose();" >取消</button>
					</center>
				</div>
			</div>
		</div>
		<!--添加end-->
		<!--查看start-->
		<div style="display: none;" id="editDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content">
				<div class="popup-top">
					<label class="popup-add-title">查看</label>
					<img onclick="editClose();" src="img/close_icon.png"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">部&nbsp;&nbsp;门:</label>
					<!-- <select class="popup-select" id="department_edit">
						<option id="0">全部</option>
						<option id="1">客服部</option>
						<option id="2">安保部</option>
						<option id="3">工程部</option>
					</select> -->
					<input id="department_edit" type="text" class="popup-input" disabled="disabled"/>
					<label class="popup-txt">姓&nbsp;&nbsp;名:</label>
					<input id="username_edit" type="text" class="popup-input" disabled="disabled"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">职&nbsp;&nbsp;位:</label>
					<!-- <select class="popup-select" id="position_edit">
						<option id="0">全部</option>
						<option id="1">楼长</option>
					</select> -->
					<input id="position_edit" type="text" class="popup-input" disabled="disabled"/>
					<label class="popup-txt">工龄工资:</label>
					<input id="age_salary_edit" type="number" class="popup-input" disabled="disabled"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">岗位工资:</label>
					<input id="post_salary_edit" type="number" class="popup-input" disabled="disabled"/>
					<label class="popup-txt">保障工资:</label>
					<input id="guarantee_salary_edit" type="number" class="popup-input" disabled="disabled"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">工资合计:</label>
					<input id="total_salary_edit" type="number" class="popup-input" disabled="disabled"/>
					<label class="popup-txt">它得费用:</label>
					<input id="other_salary_edit" type="number" class="popup-input" disabled="disabled"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">加班费用:</label>
					<input id="overtime_salary_edit" type="number" class="popup-input" disabled="disabled"/>
					<label class="popup-txt">养老保险:</label>
					<input id="endowment_insurance_edit" type="number" class="popup-input" disabled="disabled"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">医疗保险:</label>
					<input id="medical_insurance_edit" type="number" class="popup-input" disabled="disabled"/>
					<label class="popup-txt">生育保险:</label>
					<input id="maternity_insurance_edit" type="number" class="popup-input" disabled="disabled"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">失业保险:</label>
					<input id="unemployment_insurance_edit" type="number" class="popup-input" disabled="disabled"/>
					<label class="popup-txt">工伤保险:</label>
					<input id="injury_insurance_edit" type="number" class="popup-input" disabled="disabled"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">迟&nbsp;&nbsp;到:</label>
					<input id="late_edit" type="number" class="popup-input" disabled="disabled"/>
					<label class="popup-txt">早&nbsp;&nbsp;退:</label>
					<input id="leave_early_edit" type="number" class="popup-input" disabled="disabled"/>
				</div>
				<div class="popup-item">
					<label class="popup-txt">实发工资:</label>
					<input id="real_salary_edit" type="number" class="popup-input" placeholder="实发工资" disabled="disabled"/>
				</div>	
				<!-- <div class="popup-item" style="text-align: center;margin-top: 0px;">
					<center>
					<button class="saveBtn" onclick="payeditSave();" >保存</button>
					<button class="cancelBtn" onclick="editClose();" >取消</button>
					</center>
				</div> -->
			</div>
		</div>
		<!--查看end-->
		<!--折线图start-->
		<div style="display: none;" id="chartsSalaryDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content">
				<div class="popup-top">
					<label class="popup-add-title"></label>
					<img onclick="echartsClose();" src="img/close_icon.png"/>
				</div>
				<div id="chartsSalary">
					
				</div>
			</div>
		</div>
		<!--折线图end-->
		<div class="page-div" style="margin: 0;">
			<a href="finance_salary_details_unpay.html">
			<div id="title_one" class="tab-div-unclick">				
				雇主责任险				
			</div>
			</a>
			<a href="finance_salary_details_pay.html">
			<div id="title_two" class="tab-div-click">				
				交纳五险
			</div>
			</a>
			<button id="importBtn" class="my-import-btn" style="margin-right: 40px;" onclick="salaryFrozen();">冻结</button>
			<a href="javascript:void(0);" class="my-import-btn" style="margin-right: 40px;width: 90px;font-size: 12px;text-decoration: none;text-align: center;" onclick="exportSalary(true);">导出薪资明细</a>
		</div>
		<div class="data-div">
			<label class="my-txt">项目部</label>
			<select id="search_project" class="my-select">
				<option value="-1">全部</option>
			</select>
			<label class="my-txt">部门</label>
			<select id="search_department" class="my-select">
				<option value="-1">全部</option>
			</select>
			<!-- <label class="my-txt">起</label>
			<input id="search_date_start" type="date" class="my-date"/>
			<label class="my-txt">止</label>
			<input id="search_date_end" type="date" class="my-date"/> -->
			<label class="my-txt">选择年月</label>
			<input id="search_month" type="month" class="my-date"/>
			<input id="search_keyword" type="text" class="my-input" placeholder="搜索关键字"/>
			<button id="searchBtn" class="my-search-btn" onclick="search(522);">搜索</button>
			
			<!-- <button id="addBtn" class="my-add-btn" onclick="add();">添加</button> -->
			<!-- <form id="importForm" onsubmit="" enctype="multipart/form-data">
				<button id="importBtn" type="submit" class="my-import-btn" onclick="fileImport();">导出</button>
			</form></br> -->
			<div class="page-div-title">
				<a onclick="staffBrokenLine(true);"><span id="total_person"></span></a>
				<a onclick="salaryBrokenLine(true);"><span id="total_money" style="margin-left: 60px;" ></span></a>
			</div>
			<div id="data_two" class="data-div-table" style="display: block;">
				<table>
					<tr class="table-top">
						<td width="6%">序号</td>
						<td width="6%">姓名</td>
						<td width="6%">部门</td>
						<td width="6%">职务</td>
						<td width="6%">工龄</td>
						<td width="6%">岗位</br>工资</td>
						<td width="6%">保障</br>工资</td>
						<td width="6%">工资</br>合计</td>
						<td width="6%">它得</br>费用</td>
						<td width="6%">加班</br>费用</td>
						<td width="6%">养老</br>保险</td>
						<td width="6%">医疗</br>保险</td>
						<td width="6%">剩余</br>保险</td>
						<td width="6%">失业</br>保险</td>
						<td width="6%">实发</br>工资</td>
						<td width="10%">操作</td>
					</tr>
					<tr class="item-white">
						<td colspan="16"><div>暂无数据</div></td>
					</tr>
				</table>
			</div>
			<center><div id="page" class="page_div"></div></center>
		</div>
		<input id="pageNo" value="1" style="display: none;"/>
		<input id="total_page" value="1"  style="display: none;"/>
		<input id="total_rows" value="1"  style="display: none;"/>
		<input id="keyword" value="查询"  style="display: none;"/>
	</body>
</html>
